import { connect } from "dva";
import styles from "./index.less";
import router from "umi/router";
function App({ notice, dispatch }) {
  return (
    <div className={styles.normal}>
      <div className={styles.topGap} />
      <a onClick={() => router.push("noticeDetails")}>
        <div className={styles.noticeItem}>
          <div className={styles.itemHeader}>
            <div className={styles.title}>关于8月份佣金发放的通知</div>
            <div className={styles.date}>18/08/14</div>
          </div>
          <div>
            <img
              src={
                "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1540205471606&di=d47206b77cc273044113ef64258cd054&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F11%2F81%2F46%2F57P58PICM4t.jpg"
              }
              className={styles.detailPic}
            />
          </div>
          <div className={styles.details}>查看详情</div>
        </div>
      </a>
      <div className={styles.grayGap} />
      <div className={styles.noticeItem}>
        <div className={styles.itemHeader}>
          <div className={styles.title}>关于7月份佣金发放的通知</div>
          <div className={styles.date}>18/07/14</div>
        </div>
        <div>
          <img
            src={
              "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1540205380038&di=1a7e77b2bbca6d13df3fdb4773a677c8&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F14%2F20%2F58%2F73z58PIC5MR_1024.jpg"
            }
            className={styles.detailPic}
          />
        </div>
        <div className={styles.details}>查看详情</div>
      </div>
    </div>
  );
}
export default connect(({ notice }) => ({ notice }))(App);
